<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script src="jquery.js"></script>
		<title> ajax-formData数据 </title>
	</head>
	<body>
		<form action="index.html"method="get" enctype="multipart/form-data">
			<input type="text" name="username" placeholder="请输入用户名" /><br /><br />
			<input type="password" name="password" placeholder="请输入密码" /><br /><br />
			<input type="file" name="photo" /><br /><br />
			<button type="submit"> 登录 </button>
		</form>
	</body>
	<script type="text/javascript">
		//AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。
		//在不重载页面的条件下更新页面数据
		$('form').submit(function(ev){
			//阻止默认事件的发生
			ev.preventDefault();
			console.log('已经阻止了');
			//获取表单数据，自动将其转化成字符串序列化对
			var data = new FormData(this);
			console.log(data);
			//添加formdata对象的数据
			data.append('time',new Date());
			$.post({
				url:'index.html',
				data:data,
				//阻止默认的数据内容被转换成字符串，设置什么类型，提交什么类型
				processData:false,
				//阻止默认的内容类型urlencoded,设置什么类型，提交什么类型
				contentType:false,
				success:function(resData){
				alert('1111111111');	
			}
			})
		})
	</script>
</html>

